<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

<head>
	<link href="/resources/css/style.css" rel="stylesheet" type="text/css" />

	<style media="screen" type="text/css">
@import
"#{facesContext.externalContext.request.contextPath}/resources/css/style.css"
</style>


</head>

<body>

	<div class="main">
		<div class="header">
			<div class="header_resize">
				<div class="logo">
					<h1>
						<a href="index.html">SuperGiros<span>Internacionales</span><small>Haga su giro
								donde sea y como sea!</small></a>
					</h1>
				</div>
				<div class="menu_nav">
<!-- 				MENU DE 					NAVEGACION*****************************************. -->
					<ui:insert name="menu"/>
					</div>
				<div class="clr"></div>
			</div>
		</div>
		<div class="content">
			<div class="content_resize">
				<div class="hbg">

					<h:graphicImage value="/resources/images/header_images.jpg"
						style="width:970;height:147" />

					

				</div>
				<div class="mainbar">
					<div class="article">

						<ui:insert name="cuerpo"></ui:insert>
					</div>

				</div>
				<div class="sidebar">

					<div class="gadget">
						<form method="get" id="search" action="#">
							<span> <input type="text" value="Search..." name="s"
								id="s" /> <h:commandButton value=""
									image="/resources/images/search.gif" />
							</span>
						</form>
						<div class="clr"></div>
					</div>

					<div class="gadget">
					<rich:spacer width="200px" height="500px">
					</rich:spacer>
					
<!-- 					<rich:panelMenu style="width:200px" itemMode="ajax" groupMode="ajax" -->
<!--                 groupExpandedLeftIcon="triangleUp" -->
<!--                 groupCollapsedLeftIcon="triangleDown" -->
<!--                 topGroupExpandedRightIcon="chevronUp" -->
<!--                 topGroupCollapsedRightIcon="chevronDown" itemLeftIcon="disc" -->
<!--                 itemChangeListener="#{panelMenuBean.updateCurrent}"> -->
<!--                 <rich:panelMenuGroup label="Group 1"> -->
<!--                     <rich:panelMenuItem label="Item 1.1" name="Item_1_1" /> -->
<!--                     <rich:panelMenuItem label="Item 1.2" name="Item_1_2" /> -->
<!--                     <rich:panelMenuItem label="Item 1.3" name="Item_1_3" /> -->
<!--                 </rich:panelMenuGroup> -->
<!--                 <rich:panelMenuGroup label="Group 2"> -->
<!--                     <rich:panelMenuItem label="Item 2.1" name="Item_2_1" /> -->
<!--                     <rich:panelMenuItem label="Item 2.2" name="Item_2_2" /> -->
<!--                     <rich:panelMenuItem label="Item 2.3" name="Item_2_3" /> -->
<!--                     <rich:panelMenuGroup label="Group 2.4"> -->
<!--                         <rich:panelMenuItem label="Item 2.4.1" name="Item_2_4_1" /> -->
<!--                         <rich:panelMenuItem label="Item 2.4.2" name="Item_2_4_2" /> -->
<!--                         <rich:panelMenuItem label="Item 2.4.3" name="Item_2_4_3" /> -->
<!--                     </rich:panelMenuGroup> -->
<!--                     <rich:panelMenuItem label="Item 2.5" name="Item_2_5" /> -->
<!--                 </rich:panelMenuGroup> -->
<!--                 <rich:panelMenuGroup label="Group 3"> -->
<!--                     <rich:panelMenuItem label="Item 3.1" name="Item_3_1" /> -->
<!--                     <rich:panelMenuItem label="Item 3.2" name="Item_3_2" /> -->
<!--                     <rich:panelMenuItem label="Item 3.3" name="Item_3_3" /> -->
<!--                 </rich:panelMenuGroup> -->
<!--             </rich:panelMenu> -->
					
					</div>

				</div>
				<div class="clr"></div>
			</div>
		</div>
		<div class="fbg">
			<div class="fbg_resize">
<!-- 				<div class="col c1">*****COL1</div> -->
<!-- 				<div class="col c2">*****COL2</div> -->
<!-- 				<div class="col c3">*****COL3</div> -->
				<div class="clr"></div>
			</div>
		</div>
		<div class="footer">
<!-- 			****************************************PIE*************************************** -->
			<ui:insert name="pie"/>
		</div>
	</div>

</body>

</html>